<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        <p:growl life="4000" id="messages" showDetail="true"/>
        <h:form id="BuscarRecuso">
            <p:panelGrid columns="2">
                <p:outputLabel value="Tipo de busqueda" for="selectTipoBusqueda"/>
                <p:selectOneMenu id="selectTipoBusqueda" required="true"
                                 requiredMessage="Por favor selecione un tipo de busqueda" value="#{accionesReserva.tipoBusqueda}">
                    <f:selectItem itemValue="#{null}" itemLabel="Seleccione" />
                    <f:selectItem itemValue="id" itemLabel="ID"/>
                    <f:selectItem itemValue="Nombre" itemLabel="Nombre"/>
                </p:selectOneMenu>
                <p:outputLabel value="Valor busqueda" for="valorBusquedaReserva"/>
                <p:inputText id="valorBusquedaReserva" value="#{accionesReserva.valorBusqueda}" required="true" requiredMessage="Por favor ingrese un valor para la busqueda"
                              >
                    <f:validator validatorId="com.validator.lettersblank"/>
                </p:inputText>
                <h:panelGroup/>
                <p:commandButton value="Buscar" actionListener="#{accionesReserva.buscar}" update=":messages,:formRecursos:tableRecursos"/>
            </p:panelGrid>
        </h:form>
        <h:form id="formRecursos">
            <p:dataTable id="tableRecursos" value="#{accionesReserva.listRecurso}" 
                         var="recurso">
                <p:column headerText="Id Recurso">
                    <h:outputText value="#{recurso.idRecurso}"/>
                </p:column>
                <p:column headerText="Nombre Recurso">
                    <h:outputText value="#{recurso.descRecurso}"/>
                </p:column>
                <p:column headerText="Tipo de Recurso">
                    <h:outputText value="#{recurso.idTipo.descripcion}"/>
                </p:column>
                 <p:column headerText="Estado Recurso">
                     <h:outputText value="#{recurso.idEstado.descripcion}"/>
                </p:column>
                <p:column style="width:10%">  
                    <p:commandButton id="selectButton" update=":formRecursos:reservarRecursoDialog" oncomplete="PF('reservarRecursoModal').show()" icon="ui-icon-circle-check" title="Reservar">  
                        <f:setPropertyActionListener value="#{recurso}" target="#{accionesReserva.recursoSelect}" />  
                    </p:commandButton>
                </p:column>
            </p:dataTable>
            <p:dialog id="reservarRecursoDialog" header="Reservar Recurso" 
                      widgetVar="reservarRecursoModal" showEffect="explode"
                      modal="true" hideEffect="bounce">                
                <h:panelGrid  columns="2" >
                    <p:outputLabel for="txtIdRecursoModal" value="Id Recurso: "/>
                    <p:outputLabel rendered="#{not empty accionesReserva.recursoSelect}" id="txtIdRecursoModal"  value="#{accionesReserva.recursoSelect.idRecurso}"/>

                    <p:outputLabel for="txtNombreRecurso" value="Nombre Recurso: "/>
                    <p:outputLabel rendered="#{not empty accionesReserva.recursoSelect}" id="txtNombreRecurso"  value="#{accionesReserva.recursoSelect.descRecurso}"/>
                   
                    <p:outputLabel for="txtFechaInicio" value="Fecha inicio reserva "/>
                    <p:calendar rendered="#{not empty accionesReserva.recursoSelect}" id="txtFechaInicio" required="true" requiredMessage="Por favor ingrese la fecha inicial" value="#{accionesReserva.reservaSelect.fechaIni}"/>
                        
                    <p:outputLabel for="txtFechaFin" value="Fecha Fin reserva "/>
                    <p:calendar rendered="#{not empty accionesReserva.recursoSelect}" id="txtFechaFin" required="true" requiredMessage="Por favor ingrese la fecha final" value="#{accionesReserva.reservaSelect.fechaFin}"/>
                    
                    <h:panelGroup/>
                    <f:facet name="footer">
                        <p:commandButton value="Reservar" update=":messages,:formRecursos:tableRecursos" oncomplete="PF('reservarRecursoModal').hide()"
                                         actionListener="#{accionesReserva.guardar}" />
                    </f:facet>
                </h:panelGrid>

            </p:dialog>
        </h:form>
    </h:body>
</html>

